<template>
    <p>整合 Element3：
        <el-button type="primary" @click="dialogVisible = true">这是一个Element3的按钮</el-button>
    </p>
    <el-dialog
        title="提示"
        width="60%"
        v-model:visible="dialogVisible"
    >
        <template v-slot:default>
            <span>这是一段信息</span>
        </template>
        <template v-slot:footer>
            <span class="dialog-footer">
                <el-button @click="dialogVisible = false">取 消</el-button>
                <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
            </span>
        </template>
    </el-dialog>
</template>
<script>
import { ref } from 'vue'
export default {
    setup() {
        let dialogVisible = ref(false)
        return {
            dialogVisible,
        }
    }
}
</script>